<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>管道数据</title>
    <meta charset="utf-8">
    <meta name="resource_path" content="${resourcePath}" id="JQ_resource_path">
    <meta name="local_path" content="<%=request.getContextPath()%>" id="JQ_local_path">
    <meta name="gis_path" content="${gisResourcePath}" id="JQ_gis_path">
    <link rel="stylesheet" type="text/css" href="${resourcePath}/css/new/risk.css">
    <link rel="stylesheet" href="<%=request.getContextPath()%>/static/css/style.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/js/plugin/datetimepicker/jquery.datetimepicker.min.css">
    <style>
        .zy-pack-up {background-color: #fafafa;  border: 1px solid #dedede; color: #565656}
        .zy-pack-up i{background: transparent none repeat scroll 0 0;
            border-color: transparent transparent #565656;
            border-style: solid;
            border-width: 4px;
            height: 0;
            margin-bottom: 3px;
            margin-right: 5px;
            width: 0;}
        a:hover{text-decoration:none !important;}
        .paginate_button:hover{color:#333 !important;text-decoration:none !important;}
        input[type="text"], input[type="password"]{
            border:none !important;height:36px !important;line-height:36px !important;
        }
        [class*="span"]{
            float:none !important;
        }
    </style>
</head>
<body class="body-pad" style="padding-bottom:100px">
<div class="html-header" style="background-color:white">
    <%--<p class="header-title" style="margin-top:0"><em class="icon-ghg-1"></em>高后果区</p>--%>
    <div class="xyf-toggle-form-div header-title" style="margin:-10px 0 0">
        <span><em class="icon-ghg-1"></em>高后果区</span>查询条件<i class="xyf-toggle-form-icon" style="display: inline-block !important;"></i>
    </div>
</div>
<div class="container-fluid warp">
    <div class="row-fluid bg-white1">
        <div class="main clearFix  content-inner">
            <div class="lsk-pick-line" style="margin-bottom:55px">
            <div class="zy-form-line">
                <div class="zy-input-group w-31">
                    <div class="zy-input-meta">管道名称</div>
                    <div class="zy-select-inner">
                        <blockquote id="JQ_pipeline" btn="pipeLineArr" class="bk-select"><abbr></abbr></blockquote>
                    </div>
                </div>
                <div class="zy-sp"></div>
                <div class="zy-input-group w-31">
                    <div class="zy-input-meta">管段名称</div>
                    <div class="zy-select-inner">
                        <blockquote id="pipeSegmentArr" class="bk-select"></blockquote>
                    </div>
                </div>
                <div class="zy-sp"></div>
                <div class="zy-input-group w-138">
                    <div class="zy-input-meta">评价时间</div>
                    <div class="zy-input-inner">
                        <input id="JQ_input_date_01" type="text" class="zy-i-input zy-i-input-date-0 hcaDate" autocomplete="off">
                    </div>
                </div>
                <div class="zy-sp zy-sp-bg"></div>
                <div class="zy-input-group w-138">
                    <div class="zy-input-meta">&nbsp;</div>
                    <div class="zy-input-inner">
                        <input id="JQ_input_date_02" type="text" class="zy-i-input zy-i-input-date-0 hcaDate" autocomplete="off">
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="zy-form-line">

                <div class="zy-input-group w-31">
                    <div class="zy-input-meta">高后果区等级</div>
                    <div class="zy-select-inner">
                        <blockquote id="high" class="bk-select"></blockquote>
                    </div>
                </div>

                <div class="zy-sp"></div>
                <div class="zy-input-group w-31">
                    <div class="zy-input-meta">起点位置</div>
                    <div class="zy-select-inner">
                        <blockquote id="JQ_begin" class="bk-select"></blockquote>
                    </div>
                </div>
                <div class="zy-sp"></div>
                <div class="zy-input-group w-31">
                    <div class="zy-input-meta">终点位置</div>
                    <div class="zy-select-inner">
                        <blockquote id="JQ_end" class="bk-select"></blockquote>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="zy-input-group w-100" style="position:relative">
                <form action="${pageContext.request.contextPath}/riskMgr/hca/toHcaMap.html" id="JQ_gis_form" method="post" target="_self"></form>
                <button id="JQ_search_hca" class="zy-button zy-search" type="button"><i class="zy-search-icon"></i>查询</button>
                <div class="new-gl clearFix" style="position: absolute;right:0;top:-10px;width:270px;">
                    <a href="javascript:void(0);" class="export-b" id="btn_export" style="margin-left:15px"><em></em>导出</a>
                    <a href="javascript:void(0);" class="export-b" id='sta_hac' style="margin-left: 15px"><em></em>统计</a>
                    <a href="javascript:void(0);" id="JQ_gis_btn" class="export-b" style="margin-left: 15px"><em></em>GIS</a>
                </div>
                <div style="clear: both"></div>
            </div>
</div>
            <div style="clear:both"></div>
            <div>
                <div class="zy-table tab01" >
                    <table  id="JQ_datatable_01" class="zy-datatable" cellpadding="0" cellspacing="0">
                        <thead>
                        <tr>
                            <th width="15%">管道名称</th>
                            <th width="10%">高后果区等级</th>
                            <th width="12%">高后果区长度(m)</th>
                            <th width="12%">起点位置描述</th>
                            <th width="12%">终点位置描述</th>
                            <th width="8%">威胁总分</th>
                            <th width="12%">高后果区描述</th>
                            <th width=14%">潜在影响半径（m）</th>
                            <th width="5%">详情</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- plugin -->
<script src="${pageContext.request.contextPath}/static/js/plugin/datatables/js/jquery.dataTables.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/plugin/datetimepicker/jquery.datetimepicker.full.js"></script>
<!-- ui -->
<script src="${pageContext.request.contextPath}/static/js/ui/ui-main.js"></script>
<script src="${pageContext.request.contextPath}/static/js/controller/base/base.controller.js"></script>
<script src="${pageContext.request.contextPath}/js/basedata/pipe/loadGis.js"></script>
<script src="<%=request.getContextPath()%>/js/riskmgr/riskComm.js"></script>
<script src="<%=request.getContextPath()%>/js/riskmgr/hcaMgrList.js"></script>

<script type="text/javascript">
    $(function() {
        $('.hcaDate').datetimepicker({
            timepicker: false,
            format: 'Y-m-d',
            scrollInput: false,
            yearInvert: true
        });

        // 地图按钮展示
        $('.tab-map li').each(function (i) {
            $(this).on('click', function () {
                $(this).addClass('active');
                $(this).siblings().removeClass('active')
                $('.tab01').eq(i).removeClass('none')
                $('.tab01').eq(i).siblings().addClass('none')
            })
        })
        // 百分比统计
        $('.jdt .s1 em').css({width:$('.xifan').html()})
        //收起

        $('.xyf-toggle-form-div').on('click',function(){
            if($(this).hasClass('active')){
                $(this).removeClass('active')
                $('.lsk-pick-line').removeClass('none');
            }else {
                $(this).addClass('active');
                $('.lsk-pick-line').addClass('none');
            }
        })

    })
</script>
</body>
</html>

